import s from "./Card.module.scss";

export const CardWeather = ({
  date,
  weather,
  temp,
  feeltemp,
  image,
  className,
}) => {
  return (
    <div className={`${className} ${s.card}`}>
      <div className={s.card__date}>{date}</div>

      <img src={image} />

      <div className={s.card__weather}>{weather.capitalize()}</div>

      <ul className={s.card__list}>
        <li className={s.card__list__temp}>
          Температура <div>{Math.round(temp)}°C</div>
        </li>

        <li className={s.card__list__temp}>
          Ощущается как <div>{Math.round(feeltemp)}°C</div>
        </li>
      </ul>
    </div>
  );
};
